import React from 'react';
import { getEcCom,getLabel } from '../../util/convert';

export default class ReqLoading extends React.Component{
    componentDidMount(){
        const obj = jQuery(".wea-new-top-req-content");
        const height = jQuery("body").height() - jQuery(".wea-new-top-req").height();
        obj.height(height+"px");
        obj.find("div").css("margin-top", "100px");
        //obj.find("div").css("margin-top", (height-obj.find("img").height())/2);
    }
    render(){
        return (
            <div className="wea-new-top-req-wapper">
            <div className="ant-row wea-new-top-req">
                <div className="ant-col-24 wea-new-top-req-main">
                    <div className="wea-new-top-req-icon">
                        <div className="icon-circle-base" style={{background: "rgb(0, 121, 222)"}}>
                            <i className="icon-coms-workflow"></i></div>
                    </div>
                    <div className="wea-new-top-req-title-text">
                        <div></div>
                    </div>
                    <div className="ant-row wea-new-top-req-title">
                        <div className="ant-col-xs-6 ant-col-sm-6 ant-col-md-8 ant-col-lg-10" style={{left:"0px", background:"transparent"}}>
                            <div className="ant-tabs ant-tabs-top ant-tabs-line">
                                <div role="tablist" className="ant-tabs-bar" tabindex="0">
                                    <div className="ant-tabs-nav-container ">
                                        <div className="ant-tabs-nav-wrap">
                                            <div className="ant-tabs-nav-scroll">
                                                <div className="ant-tabs-nav">
                                                    <div className="ant-tabs-ink-bar"
                                                        style={{transform: "translate3d(0px, 0px, 0px)", width:"64px", display: "block"}}></div>
                                                    <div role="tab" aria-disabled="false" aria-selected="true"
                                                        className=" ant-tabs-tab-active ant-tabs-tab">
                                                        <div className="ant-tabs-tab-inner">{getLabel(34130,"流程表单")}</div>
                                                    </div>
                                                    <div role="tab" aria-disabled="false" aria-selected="false"
                                                        className=" ant-tabs-tab">
                                                        <div className="ant-tabs-tab-inner">{getLabel(18912,"流程图")}</div>
                                                    </div>
                                                    <div role="tab" aria-disabled="false" aria-selected="false"
                                                        className=" ant-tabs-tab">
                                                        <div className="ant-tabs-tab-inner">{getLabel(19061,"流程状态")}</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div className="ant-tabs-content">
                                    <div>
                                        <div role="tabpanel" aria-hidden="false" className="ant-tabs-tabpane"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div className="ant-col-24 wea-new-top-req-content">
                <div style={{textAlign:"center"}}>
                </div>
            </div>
            </div>
        )
    }
}
